<template>
    <p> 课程列表-主体内容</p>

    <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="序号" width="130" />
    <el-table-column prop="name" label="课程名称" width="130" />
     <el-table-column prop="shijian" label="创建时间" width="130" />
    
         <el-table-column prop="zt"  label="可见状态" width="130">
           <el-switch v-model="value" />
         
          </el-table-column>
      
    <el-table-column prop="address" label="操作" />
  
  </el-table>

</template>
<script>

export default{
  data(){
    return{
      tableData:[
       {
    date: '1',
    name: 'java程序设计',
   shijian: '2020-12-12',
    // zt:'value1',
    value:"1"
   

  },
  {
    date: '2',
    name: 'mysql数据库技术',
    shijian: '2021-12-11',
    zt:'value1',
    value1:true
  },
  {
    date: '3',
    name: 'WEB前端开发基础',
   shijian: '2021-12-11',
   zt:'value1',
    value1:true
  },
  {
    date: '4',
    name: 'WEB前端开发实战',
   shijian: '2021-12-11',
   zt:'value1',
    value1:true
  },
 
      ],
     

 
      
     }
   
  }
  
}
</script>